* {
    padding: 0;
    margin: 0;
    font-family: "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
}
body{
    /*background: url('../images/img_1.jpg') repeat-x;*/
    background: url('../images/main-bg.jpg');
    margin: 10px 10px 0px 10px;
}

h2{
font-size:110%;
font-weight:normal;
letter-spacing:-0.02em;
line-height:110%;
text-shadow:1px 1px 1px #FFFFFF;
font-weight: bold;
color: #524421;
}

#data_anak h2{

font-size:110%;
font-weight:normal;
letter-spacing:-0.02em;
line-height:110%;
text-shadow:1px 1px 1px #FFFFFF;
font-weight: bold;
color: #524421;
}
h1{
    font-size:120%;
    color:#FF9900;
    border-bottom:3px dotted #f1c866;
}

h1 a{
    font-size:100%;
    color:#83551a;
}

p{
    padding-top: 10px;
    font-size: 11pt;
}

ul{
    padding-left: 5px;
    padding-top: 10px;
    list-style-image: none;
}

ul li{
    margin: 0px 20px;
    list-style-type: square;
}

.tabel{
    background: orange;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9pt;
    margin:10px 0;
}

.tabel thead {
    background: orange;

}

.tabel tbody td {
    background-color: white;
    padding: 5px;
}

.head {
background-color:#F7F6BE;
}
#wrapper {
background: white;/*url('../images/img_1.jpg') repeat-x;*/
margin:auto;
width:1050px;
min-height:600px;
border:0px solid black;
}


#header {
min-height:180px;
border:0px solid blue;
background: url('../images/img_3.jpg');
}
#login{
    text-align: right;
    padding-right: 8px;
    margin-bottom: 5px;
}

#logo{
    background: url('../images/header1.PNG');
    height: 150px;
    width: 1050px;
}
#menu{
     text-align: right;
     font-weight: bold;
     color: #473919;
     margin: 5px;
}

#menu a{
    font-size: 11pt;
    color: #eeb225;
    margin: 7px;
    text-decoration: none;
    /*text-shadow:1px 1px 1px #f9af00;*/
}

#menu a:hover{
    border-bottom: 3px solid #fcb409;
}

#menu span{
    float: left;
    font-weight: bold;
    color: #473919;
    margin-left: 5px;
}

#inner {
    float:left;
    margin: 0px 0;
    border:0px solid black;
    background: url('../images/img_2.jpg') repeat-x;
}

#inner2 {
    margin: auto;
    padding: 30px 10px 20px 180px;
    border:1px dotted #fcb40a;
    background: url('../images/img_2.jpg') repeat-x;
}

#footer {
    clear:both;
    height:55px;
    border:0px solid blue;
    text-align: center;
    width: 1050px;
    background-color: #fcb40a;
}


#sidebar {
float:left;
margin-right:10px;
width:250px;
min-height:400px;
border:0px solid #f1c866;
}

#kotak{
    float:left;
    width: 250px;
    padding: 10px;
    margin: 5px;
    background-color: #fce09f;
    min-height: 300px;
    border:1px solid #f1c866;
}

#kotak a{
    font-size: 10pt;
    color: #915e1b;
    margin: 7px;
    text-decoration: none;
}

#kotak a:hover{
    font-weight: bold;
}

#kotak h2 a{
    font-size:110%;
font-weight:normal;
letter-spacing:-0.02em;
line-height:110%;
text-shadow:1px 1px 1px #FFFFFF;
font-weight: bold;
color: #524421;
}
#content {
float:left;
width:750px;
min-height:750px;
border:0px solid red;
margin-left: 15px;
}

#content-top {
clear:both;
float:left;
margin-top: 7px;
margin-bottom: 10px;
width:700px;
min-height:350px;
border:1px dotted #fcb40a;
padding: 10px;
}
#content-grafik {
clear:both;
float:left;
margin-top: 7px;
margin-bottom: 10px;
width:960px;
min-height:350px;
border:1px dotted #fcb40a;
padding: 10px;
}

#content-main {
float:left;
margin:auto;
width:730px;
min-height:260px;
border:0px dotted #fcb40a;
margin-bottom: 5px;
padding: 5px;
}


#content-right {
float:right;
margin:auto;
width:260px;
min-height:180px;
border:0px dotted red;
}

#chart_kecil {
    float:left;
    margin-top: 10px;
    min-height:300px;
    border:0px dotted red;
    padding: 10px;
}

#content-judul {
    clear:both;
    float:left;
    margin-top: 7px;
    margin-bottom: 10px;
    width:730px;
    border:1px dotted #fcb40a;
    padding: 10px;
}
#daftar {
    width: 700px;
}

.tabel td{
    background-color: white;
}

.head {
background-color:#F7F6BE;
}

/*#pagination li{
    border:0 none;
    font-size:11px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}*/
ul{border:0; margin:0; padding:0;}
#pagination li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
}
#pagination a{
	border:solid 1px #DDDDDD;
	margin-right:2px;
}
#pagination .prev-off,
#pagination .next-off {
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}
#pagination .next a
#pagination .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}
#pagination .aktif{
	color:#AD1443;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
#pagination a:link,
#pagination a:visited {
	color:#250c12;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#pagination a:hover{
	border:solid 1px #666666;
}
/*meis*/
#grafik_kecil {
    float:left;
    width: 330px;
    height: 310px;
    padding: 10px 0 0 0;
    margin: 10px 3px 10px 5px;
    background-color: #ffffff;
    border:1px solid #f1c866;
    display: inline-block;
    text-align: center;
}
#grafik_kecil a:hover{
    text-decoration: underline;
}
h3{
font-size:80%;
font-weight:normal;
letter-spacing:-0.02em;
line-height:110%;
text-shadow:1px 1px 1px #FFFFFF;
font-weight: bold;
color: #524421;
}
/*meis*/

/*icha 6jun */
nama_anak{
    color: yellow;
}
